<template>
<div class="box">
    <h3>代理服务器</h3>
    <ul>
        <li>在vue.config.js 文件中通过devServe.proxy 选项完成代理服务器开启配置</li>
        <li>重启服务器{如果调整了代理服务器日志模式为debug，可以在启动时看到创建过程}</li>
        <img src="@/index/assets/img/33.png" alt="">
        <li>vue请求中，基于代理拦截配置前缀，完成请求定义，此时代理服务器将开始完成代理操作，过程如下：
            <img src="@/index/assets/img/34.png" alt="">
        </li>
        <p>devServe.proxy 配置</p>
        <img src="@/index/assets/img/35.png" alt="">
        <p>vue 模块化项目中的代理服务器 ，在 npm run serve 时 会启动{开发环境}</p>
        <p>vue模块化项目中的代理服务器，在npm run build 时不会启动【生产环境】</p>
        <p>全局环境变量 process.env.NODE_ENV 该变量在npm run serve 时 值为development 在npm run build 时为 production</p>
    </ul>
</div>
        
    
</template>